Ext.define('EM.view.Header', {

    extend:'Ext.panel.Panel',

    initComponent:function () {

        Ext.applyIf(this, {
            preventHeader:true,
            dockedItems:[
                {
                    xtype:'toolbar',
                    id:'header-toolbar',
                    dock:'top',
                    items:[
                        {
                            xtype:'tbspacer',
                            width:250
                        },
                        {
                            xtype:'button',
                            text:'List'
                        },
                        {
                            xtype:'button',
                            text:'Table'
                        },
                        {
                            xtype:'button',
                            text:'Timeline'
                        },
                        {
                            xtype:'button',
                            allowDepress:false,
                            text:'Folder info'
                        },
                        {
                            xtype:'tbfill'
                        },
                        {
                            xtype:'button',
                            text:'Feedback'
                        },
                        {
                            xtype:'button',
                            text:'Logout'
                        }
                    ]
                }
            ]
        });

        this.callParent(arguments);
    }
});
